<!-- yyk-商品详情页 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0" />
    <title>详情</title>
    <link rel="shortcut icon" href="./fonts/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/goods-detail.css">
</head>

<body>
    <div class="detail">
        <div class="header">
            <div class="title">
                <div class="title-img1">
                    <img src="./images/yyk-img/1.png" alt="">
                </div>
                <div class="title-img2">
                    <img src="./images/yyk-img/logo.png" alt="">
                </div>
                <div class="title-img3">
                    <img src="./images/yyk-img/2.png" alt="">
                </div>
            </div>
            <div class="commodity">
                <div class="commodity-img">
                    <img src="./images/yyk-img/3.png" alt="">
                </div>
                <div class="commodity-label">
                    <div class="commodity-label-content">
                        <div class="commodity-label-bt">
                            浪漫满屋
                        </div>
                        <div class="commodity-label-jg">
                            <span style="color: #FF734C;font-size: 26.67px;font-weight: 800;">￥229</span>&nbsp;
                            <span style="text-decoration: line-through;font-size: 18.6701px;color: #B4BABF;">￥229</span>
                            <span style="font-size: 16.0001px;float: right;color: #555555;">已售17229笔</span>
                        </div>
                    </div>
                </div>
                <div class="commodity-content">
                    <div class="commodity-content-list">
                        <div class="commodity-content-list-one">
                            <div class="commodity-content-list-one-wz">材料</div>
                            <div class="commodity-content-list-one-wz2">19枝红玫瑰，火龙珠，银叶菊绿叶搭配</div>
                        </div>
                        <div class="commodity-content-list-one">
                            <div class="commodity-content-list-one-wz">包装</div>
                            <div class="commodity-content-list-one-wz2">黑色韩式包装</div>
                        </div>
                        <div class="commodity-content-list-one">
                            <div class="commodity-content-list-one-wz">配送</div>
                            <div class="commodity-content-list-one-wz2">全国送货上门，市区免运费</div>
                        </div>
                        <div class="commodity-content-list-one">
                            <div class="commodity-content-list-one-wz">附送</div>
                            <div class="commodity-content-list-one-wz2" style="border: none;">下单填写留言，免费赠送贺卡</div>
                        </div>
                    </div>
                </div>
                <div style="width: 100%;height: 10.0001px;background-color: #E9ECF0;"></div>
                <div class="commodity-gm">
                    <div class="commodity-gmsl">
                        <div class="commodity-gmsl-one">
                            <p>数量</p>
                        </div>
                        <div class="commodity-gmsl-two">
                            <li class="commodity-gmsl-two-li-1">-</li>
                            <li class="commodity-gmsl-two-li-2">1</li>
                            <li class="commodity-gmsl-two-li-3">+</li>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main">
            <div style="width: 100%;height: 10.0001px;background-color: #E9ECF0;"></div>
            <div class="main-ddpj">
                <div class="main-ddpj-top">
                    <span style="font-size: 21.33px;">订单评价</span>
                    <span style="font-size: 16.0001px;">最近已有1330条评论</span>
                </div>
            </div>
            <div class="main-yhpj-warp">
                <div class="main-yhpj">
                    <div class="main-yhpj-content">
                        <div class="main-yhpj-content-one">
                            <li style="width: 26.67px;height: 26.67px;">
                                <img src="./images/yyk-img/4.png" alt="">
                            </li>
                            <li style=" width: 113.3299px;height: 22.6699px;margin-left: 23.3299px;">
                                147****2479
                            </li>
                            <li style="width: 17.3299px;height: 18.6701px;margin-left: 277.3301px;">
                                <img src="./images/yyk-img/5.png" alt="">
                            </li>
                        </div>
                        <div class="main-yhpj-content-two">
                            <p style="line-height: 30px;">一大束玫瑰花，老婆非常喜欢。花也很新鲜，推荐大家买</p>
                            <img src="./images/yyk-img/6.png" alt="" style="margin-top: 14.67px;">
                        </div>
                    </div>
                </div>
                <div class="main-yhpj" style="border: none;">
                    <div class="main-yhpj-content">
                        <div class="main-yhpj-content-one">
                            <li style="width: 26.67px;height: 26.67px;">
                                <img src="./images/yyk-img/4.png" alt="">
                            </li>
                            <li style=" width: 113.3299px;height: 22.6699px;margin-left: 23.3299px;">
                                181****2931
                            </li>
                            <li style="width: 17.3299px;height: 18.6701px;margin-left: 277.3301px;">
                                <img src="./images/yyk-img/5.png" alt="">
                            </li>
                        </div>
                        <div class="main-yhpj-content-two">
                            <p style="line-height: 30px;">鲜花收到了。物流很快，当天就送到了。鲜花太漂亮了，颜色正，包装精美，闺蜜过生日。送给她很喜欢，物美价廉很满意的一次购物。
                            </p>
                            <img src="./images/yyk-img/7.png" alt="" style="margin-top: 14.67px;">
                        </div>
                    </div>
                </div>
                <div class="main-gdpj">查看更多评价</div>
            </div>
            <div class="main-cpxq">
                <div class="main-cpxq-wz">产品详情</div>
                <div>
                    <img src="./images/yyk-img/8.png" alt="">
                </div>
                <div style="margin-top: 8.5399px;">
                    <img src="./images/yyk-img/9.png" alt="">
                </div>
                <div style="margin-top: 16.5401px;">
                    <img src="./images/yyk-img/10.png" alt="">
                </div>
                <div class="main-bot"></div>
            </div>
        </div>
        <div class="bottom">
            <li class="bottom-li-1">
                <div style="width: 33.33px;height: 33.33px;margin: 0 auto;margin-top: 11.3299px;"><img
                        src="./images/yyk-img/11.png" alt="" class="bottom-li-img1"></div>
                <div>首页</div>
            </li>
            <li class="bottom-li-1">
                <div style="width: 33.33px;height: 33.33px;margin: 0 auto;margin-top: 11.3299px;"><img
                        src="./images/yyk-img/12.png" alt="" class="bottom-li-img2"></div>
                <div>电话</div>
            </li>
            <li class="bottom-li-1">
                <div style="width: 33.33px;height: 33.33px;margin: 0 auto;margin-top: 11.3299px;"><img
                        src="./images/yyk-img/13.png" alt="" class="bottom-li-img3"></div>
                <div>购物车</div>
            </li>
            <li class="bottom-li-2">
                加入购物车
            </li>
            <li class="bottom-li-2" style="background: #ff734cff;">
                立即购买
            </li>
        </div>
    </div>
</body>

</html>